﻿@import "../variables";
@paragraph-space: 30px;

.msacademic .article {


    h1, h2, h3, h4, h5, h6 { .segoeUILight_font_family; font-weight: lighter; margin: 0; padding: 0; }
    h2 { font-size: 51px; line-height: 60px; color: darken(@text-base, 20%); letter-spacing: -1px; font-weight: bold; font-family: 'Segoe UI', Helvetica, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif; }
    h3 { font-size: 28px; line-height: 36px; color: @orange-base; padding-bottom: @paragraph-space; }
    h4 { font-size: 21px; line-height: 30px; color: @teal-base; font-style: italic; padding-bottom: @paragraph-space; }

    h2 + h3 { padding-bottom: (@paragraph-space * 1.5); }

    p { font-size: 19px; line-height: 30px; }
    .articleBody .long-text ul { font-size: 18px; line-height: 26px; }
    p + p { padding-top: @paragraph-space; }
    p + h2 { padding-top: (@paragraph-space * 1.5); padding-bottom: (@paragraph-space *1.5); }
    p + h3 { padding-top: (@paragraph-space * 1.5); }
    p + h4 { padding-top: (@paragraph-space); }

    hr { border: 0px; border-top: 1px solid lighten(@border-base-color, 10%); }
    hr { margin: (@paragraph-space * 3) 0; }
    h4 + hr { margin-top: (@paragraph-space * 2); }

	blockquote			{ font-style: italic; padding: @paragraph-space; color: lighten(@text-base, 20%); }

    .big-title { font-size: 60px; line-height: 72px; padding: 15px 0 5px 0; text-transform: uppercase; color: @orange-base; }
    .date-time { font-size: 14px; color: lighten(@text-base, 35%); padding-bottom: 25px; }
    .short-text p { font-size: 24px; line-height: 35px; font-weight: lighter; .segoeUILight_font_family; }


    @media all and (max-width: 1600px) {
		.big-title						{ font-size: 45px; line-height: 54px;}
		.short-text p					{ font-size: 21px; line-height: 28px; }
		p								{ font-size: 18px; line-height: 29px; }
		.articleBody .long-text ul		{ font-size: 16px; line-height: 24px; }
		p + p							{ padding-top: @paragraph-space * 0.7; }
		h2								{ font-size: 48px; line-height: 56px; }
		h3								{ font-size: 26px; line-height: 32px }
		h4								{ font-size: 21px; line-height: 27px }
		hr								{ margin: (@paragraph-space * 1.8) 0; }
    }

	@media all and (max-width: 1024px) {
		p								{ font-size: 17px; line-height: 28px; }
		h2								{ font-size: 36px; line-height: 49px; }
	}

	@media all and (max-width: 600px) {
		.big-title						{ font-size: 32px; line-height: 45px;}
		.date-time						{ font-size: 12px; padding-bottom: 17px; }
		
		.short-text p					{ font-size: 19px; line-height: 27px; }
		.articleBody .long-text ul		{ font-size: 14px; line-height: 22px; }

		h2								{ font-size: 28px; line-height: 36px; }
		h3								{ font-size: 21px; line-height: 28px }
		h4								{ font-size: 18px; line-height: 25px }
	}
}	

strong, b							{ font-weight: bold; }
em									{ font-style: italic; }